<template>
	<view class="page" :style="themeColor">
		<view class="flex benben-position-layout flex flex-wrap align-center doTheQuestion_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub doTheQuestion_fd0_0'
				style="background-color: #fff;">
				<view class='flex flex-wrap align-center justify-center doTheQuestion_fd0_0_c0' @tap.stop="isBack">
					<text class='fu-iconfont2  doTheQuestion_fd0_0_c0_c0' style="color: #333;">&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-stretch justify-center'
					style="font-size: 36rpx; color: #333333;font-weight: 500;">
					开始做题
				</view>
				<view class='flex flex-wrap align-center doTheQuestion_fd0_0_c2'>
					<text class='doTheQuestion_fd0_0_c2_c0' @tap.stop="popupShow1687244346053=true"
						v-if="type!='1' && item.is_Submit">解析</text>
					<text class='doTheQuestion_fd0_0_c2_c0' style="color: #333333;" v-if="type=='1'"
						@tap.stop="logout">退出</text>
				</view>
			</view>
		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
		<block>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout doTheQuestion_flex_1">
				<!--  <view class='flex flex-wrap align-center justify-center doTheQuestion_fd1_0' style="color: #333333;"
          v-if="type=='1'">
          <image class='doTheQuestion_fd1_0_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
          <text class='doTheQuestion_fd1_0_c1' style="color: #333333;">倒计时:</text>
          <uni-countdown v-if="cdow" :minute="fd1_0_c2" @timeup="timeEnd"></uni-countdown>
        </view> -->
				<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1'>
					<view class='flex flex-wrap align-center doTheQuestion_fd1_1_c0'>
						<!-- <view class='flex flex-wrap align-center doTheQuestion_fd1_1_c0_c0'>
						</view> -->
						<text class='doTheQuestion_fd1_1_c0_c1'>第</text>
						<text>{{currentIndex + 1}}</text>
						<text>题</text>
						<view v-if="list.length"
							style="color: #999999;font-size: 28rpx;line-height: 29rpx;margin-left: 24rpx;">
							共{{list.length}}题
						</view>
					</view>
					<view class='flex flex-wrap align-start doTheQuestion_fd1_1_c1'>
						<!-- 					<image v-if="item.type == 1" class='doTheQuestion_fd1_1_c1_c0' mode="aspectFill" :src='STATIC_URL+"35.png"'></image>
						<image v-if="item.type == 2" class='doTheQuestion_fd1_1_c1_c0' mode="aspectFill" :src='STATIC_URL+"43.png"'></image>
						<image v-if="item.type == 3" class='doTheQuestion_fd1_1_c1_c0' mode="aspectFill" :src='STATIC_URL+"98.png"'></image> -->
						<text class='flex-sub'>
							<view class="quest-type"> {{getType(item.type)}} </view>{{item.title}}
						</text>
					</view>
					<view class="flex flex-direction align-stretch flex doTheQuestion_fd1_1_c2"
						v-for="(v, k) in item.options_id" :key="k" @tap.stop="selectOption(item.type, k)">
						<view class='flex align-center doTheQuestion_fd1_1_c2_c1 imagest' v-if="v.isChange == 1">
							<view class='doTheQuestion_fd1_1_c2_c1_c0'>{{v.id}}</view>
							<view class='doTheQuestion_fd1_1_c2_c1_c0'>{{v.value}}</view>
							{{v.aid}}

							<!-- <image class="imagests" src="../../../static/images/unknown.png" mode=""></image> -->
						</view>
						<view class='flex align-center doTheQuestion_fd1_1_c2_c0 imagest' v-if="v.isChange == 2">
							<view class='doTheQuestion_fd1_1_c2_c0_c0'>{{v.id}}.</view>
							<view class='doTheQuestion_fd1_1_c2_c0_c0_value'>{{v.value}}
							</view>
							<image class="imagests" src="../../../static/images/success.png" mode=""></image>
						</view>

						<view class='flex align-center doTheQuestion_fd1_1_c2_c2 imagest' v-if="v.isChange == 3">
							<view class='doTheQuestion_fd1_1_c2_c0_c0'>{{v.id}}.</view>
							<view class='doTheQuestion_fd1_1_c2_c0_c0_value'>{{v.value}}
							</view>
							<image class="imagests" src="../../../static/images/file.png" mode=""></image>
						</view>
					</view>
					<view class="multiple_btn" @tap.stop="multipleChoice(item.aid,item.teachinghomeworklogs_id)"
						v-if="item.type == '1' || item.type == '3'">判断或者单选确认答案
					</view>
					<view class="multiple_btn" @tap.stop="multipleChoiceses(item.aid,item.teachinghomeworklogs_id)"
						v-if="item.type == '2'">多选确认答案
					</view>
					<!--  <view class="multiple_btn" style="background-color: #cc221c;" @tap.stop="submitExam" v-if="type == 1 ">交卷
          </view> -->
					<block v-if="item.my_key">
						<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1_c3'>
							<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1_c3_c0'>
								<view class='flex flex-wrap align-center '
									style="padding: 24rpx; box-sizing: border-box;background-color: #F8F8FA;border-radius: 16rpx;">
									<view class='flex flex-wrap align-center benben-flex-layout'>
										<text class='doTheQuestion_fd1_1_c3_c0_c1_c0_c0'>答案：</text>
										<text class='doTheQuestion_fd1_1_c3_c0_c1_c0_c1'
											style="width: 160rpx;">{{item.correct_option}}</text>
									</view>

									<!-- <view class='flex  doTheQuestion_fd1_1_c3_c0_c1_c1'></view> -->
									<!-- flex flex-direction  align-center -->
									<view class='flex flex-wrap align-center benben-flex-layout'>
										<text class='doTheQuestion_fd1_1_c3_c0_c1_c0_c0'>您选择：</text>
										<text class='doTheQuestion_fd1_1_c3_c0_c1_c2_c1'>{{item.my_key}}</text>
									</view>
								</view>
							</view>
						</view>

					</block>

				</view>
			</view>

			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout doTheQuestion_flex_1"
				v-if="item.my_key">
				<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1_c3'
					style="background-color: #fff;">
					<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1_c3_c0'>
						<view class='doTheQuestion_fd1_1_c3_c0_c0_c0'>
							<image class="doTheQuestion_fd1_1_c3_c0_c0_c0_img" src="@/static/images/img01.png" mode="">
							</image>
							<text>答案解析</text>
							<image class="doTheQuestion_fd1_1_c3_c0_c0_c0_img" src="@/static/images/img01.png" mode="">
							</image>
						</view>
						<view class='flex flex-wrap align-center doTheQuestion_fd1_1_c4_c0_c1'>
							<text class='doTheQuestion_fd1_1_c4_c0_c1_c0'>正确答案：</text>
							<text class='doTheQuestion_fd1_1_c4_c0_c1_c0'>{{item.correct_option}}</text>

						</view>
						<view class='doTheQuestion_fd1_1_c4_c0_c2'>
							<text class="doTheQuestion_fd1_1_c4_c0_c2_1">知识点:</text>
							<view class="doTheQuestion_fd1_1_c4_c0_c2_2">{{item.examkeypoints_title }}</view>

						</view>
						<view class='doTheQuestion_fd1_1_c4_c0_c2'>
							<text class="doTheQuestion_fd1_1_c4_c0_c2_1">答案解析:</text>
							<jyf-parser class='doTheQuestion_fd1_1_c4_c0_c2_3' :html="item.parse | richTextFormat">
							</jyf-parser>
						</view>
					</view>
				</view>
			</view>
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex doTheQuestion_flex_5">
				<view class='flex flex-wrap align-center justify-end benben-flex-layout doTheQuestion_fd5_0'>
					<!-- 正确数量 -->
					<view class='flex flex-wrap align-center' style="min-width: 62rpx;">
						<image class='doTheQuestion_fd5_0_c0_c0' mode="aspectFit" src='@/static/img02/dui.png'>
						</image>
						<text style="color: #145EFD ;" class='doTheQuestion_fd5_0_c0_c1'>{{correct_number}}</text>
						<!-- <view
							style="width: 150rpx;text-align: center;line-height: 64rpx;color: #145EFD; height: 64rpx;border-radius: 66rpx;font-size: 24rpx;background-color: rgba(29,108,235,0.08);border: 1px solid #1D6CEB;"
							v-if="type == 2" @click="removeWrong(item.aid)">移除错题</view> -->
					</view>
					<!-- 错误数量 -->
					<view class='flex flex-wrap align-center doTheQuestion_fd5_0_c1' style="min-width: 10rpx;">
						<image class='doTheQuestion_fd5_0_c0_c0' mode="aspectFit" src='@/static/img02/cuo.png'>
						</image>
						<text style="color: #FD762E;" class='doTheQuestion_fd5_0_c0_c1'>{{error_number}}</text>
					</view>

					<view class='doTheQuestion_fd5_0_c2_x' v-if="currentIndex != 0" @tap.stop="getUp">上一题</view>
					<view class='doTheQuestion_fd5_0_c2_x_a' v-if="currentIndex == 0"></view>

					<view class='doTheQuestion_fd5_0_c2' v-if="currentIndex != list.length-1" @click="getNext">下一题
					</view>
					<view class='doTheQuestion_fd5_0_c2_a doTheQuestion_fd5_0_c2_1' @tap.stop="queryEssayFunc()"
						v-if="currentIndex == list.length-1">提交</view>

					<view class='flex flex-wrap align-end doTheQuestion_fd5_0_c1'
						@tap.stop="popupShow1687247172293=true">
						<image class='doTheQuestion_fd5_0_c3_c0' mode="aspectFit" :src='STATIC_URL+"37.png"'></image>
						<text class='doTheQuestion_fd5_0_c3_c1'>{{currentIndex + 1}}</text>
						<text class='doTheQuestion_fd5_0_c3_c2'>/</text>
						<text class='doTheQuestion_fd5_0_c3_c3' v-if="list.length">{{list.length}}</text>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
		</block>


		<benben-popup v-model="popupShow1686967413689" :mask="true" mode='center'>
			<!---删除flex布局开始-->
			<view class="flex flex-direction flex-wrap align-center doTheQuestion_flex_2">
				<text class='doTheQuestion_fd2_0'>提示</text>
				<text class='doTheQuestion_fd2_1'>{{str}}</text>
				<view class='flex flex-wrap align-center doTheQuestion_fd2_2'
					style="display: flex; justify-content: space-around; align-items: center;">
					<button class='doTheQuestion_fd2_2_c0' @tap.stop="popupShow1686967413689=false">取消</button>
					<button class='doTheQuestion_fd2_2_c1' style="width: 200rpx;" @click="confrimBtn">确定</button>
				</view>
			</view>
			<!---删除flex布局结束-->
		</benben-popup>
		<benben-popup v-model="popupShow1686967413688" :maskCloseAble="false" :mask="true" mode='center'>
			<!---删除flex布局开始-->
			<view class="flex flex-direction flex-wrap align-center doTheQuestion_flex_2">
				<text class='doTheQuestion_fd2_0'>提示</text>
				<text class='doTheQuestion_fd2_1'>测试时间到了，已自动交卷</text>
				<view class='flex flex-wrap align-center doTheQuestion_fd2_2'>
					<button class='doTheQuestion_fd2_2_c1' @click="confrimBtnX">我知道了</button>
				</view>
			</view>
			<!---删除flex布局结束-->
		</benben-popup>



		<benben-popup v-model="popupShow1687247172293" :mask="true" mode='bottom'>
			<!---答案解析flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout doTheQuestion_flex_3">
				<view class='flex flex-wrap align-center doTheQuestion_fd3_0'>
					<view class='flex flex-wrap align-center' v-show="type != 1">
						<image class='doTheQuestion_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"36.png"'></image>
						<text class='doTheQuestion_fd3_0_c0_c1'>{{correct_number}}</text>
					</view>
					<view class='flex flex-wrap align-center doTheQuestion_fd3_0_c1' v-show="type != 1">
						<image class='doTheQuestion_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"35.png"'></image>
						<text class='doTheQuestion_fd3_0_c0_c1'>{{error_number}}</text>
					</view>
					<view class='flex flex-wrap align-end doTheQuestion_fd3_0_c2'>
						<image class='doTheQuestion_fd3_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"37.png"'></image>
						<text class='doTheQuestion_fd3_0_c2_c1'>{{currentIndex + 1}}</text>
						<text class='doTheQuestion_fd3_0_c2_c2'>/</text>
						<text class='doTheQuestion_fd3_0_c2_c3'>{{list.length}}</text>
					</view>
				</view>
				<scroll-view style="height: 670rpx;" :scroll-y="true">
					<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd3_1'
						v-if="topic_type_one_number > 0">
						<view class='flex flex-wrap align-center' style="margin-bottom: 24rpx;">
							<text class='doTheQuestion_fd3_1_c0_c0'>单选题（</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>{{topic_type_one_number}}</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>/</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>{{list.length}}</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>）</text>
						</view>
						<view class='flex flex-wrap align-center' style="overflow: hidden;margin-bottom: 24rpx;">
							<block v-for="(v, k) in topic_type_one">
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c0'
									v-if="v.isChange == 2" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c0_c0'>{{k+1}}</text>
								</view>
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c1'
									v-if="v.isChange == 3" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c1_c0'>{{k+1}}</text>
								</view>
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c2'
									v-if="v.isChange == 1" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c2_c0'>{{k+1}}</text>
								</view>
							</block>
						</view>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd3_1'
						v-if="topic_type_Two_number > 0">
						<view class='flex flex-wrap align-center' style="overflow: hidden;margin-bottom: 24rpx;">
							<text class='doTheQuestion_fd3_1_c0_c0'>多选题（</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>{{topic_type_Two_number}}</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>/</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>{{list.length}}</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>）</text>
						</view>
						<view class='flex flex-wrap align-center' style="overflow: hidden;margin-bottom: 24rpx;">
							<block v-for="(v, k) in topic_type_Two">

								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c0'
									v-if="v.isChange == 2" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c0_c0'>{{k+1}}</text>
								</view>
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c1'
									v-if="v.isChange == 3" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c1_c0'>{{k+1}}</text>
								</view>
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c2'
									v-if="v.isChange == 1" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c2_c0'>{{k+1}}</text>
								</view>
							</block>
						</view>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd3_1'
						v-if="topic_type_Three_number > 0">
						<view class='flex flex-wrap align-center' style="overflow: hidden;margin-bottom: 24rpx;">
							<text class='doTheQuestion_fd3_1_c0_c0'>判断题（</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>{{topic_type_Three_number}}</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>/</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>{{list.length}}</text>
							<text class='doTheQuestion_fd3_1_c0_c0'>）</text>
						</view>
						<view class='flex flex-wrap align-center' style="overflow: hidden;margin-bottom: 24rpx;">
							<block v-for="(v, k) in topic_type_Three">
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c0'
									v-if="v.isChange == 2" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c0_c0'>{{k+1}}</text>
								</view>
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c1'
									v-if="v.isChange == 3" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c1_c0'>{{k+1}}</text>
								</view>
								<view
									class='flex flex-direction flex-wrap align-center justify-center doTheQuestion_fd3_1_c1_c2'
									v-if="v.isChange == 1" @tap.stop="getIndex(v.aid)">
									<text class='doTheQuestion_fd3_1_c1_c2_c0'>{{k+1}}</text>
								</view>
							</block>
						</view>
					</view>
				</scroll-view>

			</view>

			<!---答案解析flex布局结束-->

		</benben-popup>
		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center">
		</view>

		<!---flex布局flex布局结束-->

		<view :style="{height: '124rpx'}"></view>
		<benben-popup v-model="popupShow1687244346053" :mask="true" mode='bottom'>
			<!---答案解析弹窗flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout doTheQuestion_flex_6">
				<view class='flex flex-wrap align-center justify-between doTheQuestion_fd6_0'>
					<view class='flex flex-wrap align-center doTheQuestion_fd6_0_c0'>
					</view>
					<text class='doTheQuestion_fd6_0_c1'>答案解析</text>
					<image class='doTheQuestion_fd6_0_c2' :src='STATIC_URL+"39.png"'
						@tap.stop="popupShow1687244346053=false">
					</image>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd6_1'>
					<view class='flex flex-wrap align-center'>
						<text class='doTheQuestion_fd6_1_c0_c0'>正确答案：</text>
						<text class='doTheQuestion_fd6_1_c0_c0'>{{item.correct_option}}</text>
					</view>
					<view class='flex flex-wrap align-center doTheQuestion_fd6_1_c1'>
						<text class='doTheQuestion_fd6_1_c1_c0'>参考解析：</text>
					</view>
					<view>
						<text class='doTheQuestion_fd6_1_c2_c0'>{{item.parse}}</text>
						<jyf-parser class='doTheQuestion_fd1_1_c4_c0_c1_c0' :html="item.parse | richTextFormat">
						</jyf-parser>
					</view>
				</view>
			</view>

			<!---答案解析弹窗flex布局结束-->

		</benben-popup>


	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"popupShow1686967413688": false,
				"popupShow1687244346053": false,
				"popupShow1687247172293": false,
				"popupShow1686967413689": false,
				"fd1_0_c2": 0,
				"getQuestionData": '',
				"getQuestionDataes": '',
				"typeId": 0,
				"yesId": 1,
				"isError": false,
				"str": "",
				"aid": "",
				"type": 1, // 1预习测试  2课程进入开始答题  3课后作业
				"displayList": [],
				"list": [],
				"index": 0,
				"currentIndex": 0,
				"letter": ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'], // 选项ABC
				"collection": 0,
				"section_id": '', // 章节id
				"topic_type_one": [], // 单选题
				"topic_type_Two": [], // 判断题
				"topic_type_Three": [], // 多选题
				"topic_type_one_number": 0,
				"topic_type_Two_number": 0,
				"topic_type_Three_number": 0,
				"swiperHeight": 0,
				"correct_number": 0, // 正确的数量
				"error_number": 0, // 错误的数量
				"click_collection": false,
				"option_index": '', // 选项的下标
				"analysis_name": '',
				"analysis_content": '',
				"name": '',
				"windowHeight": 0,
				"item": {},
				"popupStatus": "", // 1交卷  // 2退出
				"isShow": true,
				"paper_time": null,
				"name": "",
				"optionType": "",
				examlog_id: "",
				cdow: false,
				chapter_id: '', //章节
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			console.log('mmmmmmmmmmmmmmmmmmm', options);
			let {
				type,
				teaching_id,
				name,
				chapter_id
			} = options
			if (type !== undefined) this.type = type //1是预习  3课后作业  5章节练习题库 6章节错题练习题库
			if (teaching_id !== undefined) this.teaching_id = teaching_id
			if (name !== undefined) this.name = name
			if (chapter_id !== undefined) this.chapter_id = chapter_id


			this.getQuestion();

		},
		onUnload() {
			this.submitTopic();
		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onBackPress(options) {
			if (options.from === 'navigateBack') {
				return false;
			}
			if (this.type == 1) {
				this.logout();
			} else {
				uni.navigateBack();
			}
			return true;
		},
		methods: {
			getType(val) {
				if (val == 3) {
					return '判断'
				} else if (val == 2) {
					return '多选'
				} else if (val == 1) {
					return '单选'
				}
			},
			async removeWrong(examquestions_id) {
				let dataUserInfo = await this.$api.post(global.apiUrls.post6710c05e56865, {
					examquestions_id
				})
				if (dataUserInfo.data.code != 1) {
					this.$message.info(dataUserInfo.data.msg);
					return
				}
				let that = this
				uni.showLoading({
					title: "移除成功",
					success() {
						that.getQuestion();
					}
				})

			},
			goNav() {
				uni.navigateBack()
			},
			// 获取课程题目列表
			async getQuestion() {
				let url = '';
				let data = {};
				if (this.type == 1 || this.type == 3 || this.type == 2) {
					/* 1、预习；2、随堂练习；3，课后作业 */
					url = global.apiUrls.post669e09ab2af21;
					data.teaching_id = this.teaching_id;
					data.type = this.type;
					// this.getQuestionData = data
					// console.log('this.getQuestionData',this.getQuestionData);
				} else if (this.type == 5) {
					//5章节练习题库 
					url = global.apiUrls.post680ef68197cd606940;
					data.aid = this.chapter_id;
				} else if (this.type == 6) {
					//6章节练习题库 错题
					url = global.apiUrls.post680ef6819badd14db1;
					data.chapter_id = this.chapter_id;
				}
				// else if (this.type == 2) {
				// 	/* 错题 */
				// 	url = global.apiUrls.post6710b94f70d68;
				// 	// data.teaching_id = this.aid;
				// 	// data.user_id = global.userInfo.id;
				// }
				//  else if (this.type == 3) {
				//   /* 考试错题信息 */
				//   url = global.apiUrls.post64b53bc22d43e;
				//   data.examlog_id = this.aid;
				// } else if (this.type == 4) {
				//   /* 做题错题记录 */
				//   url = global.apiUrls.post64b7aaa5949b3;
				//   data.teaching_id = this.aid;
				// }
				// console.log("url=>", global.apiUrls.post648a6ae33f458)
				let res = await this.$api.post(url, data)

				this.getQuestionData = res.data.data[0]?.teachinghomework_id
				this.getQuestionDataes = res.data.data[0]?.teachinghomeworklogs_id
				if (res.data.code == 1) {
					//过滤掉简答题
					this.list = res.data.data.filter(item => +item.type !== 4);
					// if (this.type == 1 || this.type == 2) {
					// } else if (this.type == 3) {
					// 	this.list = res.data.data;
					// } else if (this.type == 4) {
					// 	this.list = res.data.data;
					// }
					this.list.forEach((item, index) => {
						// 设置标题和选项
						item.title = item.subject;
						item.options_id = item.options;

						// 处理 options_id 数组
						if (Array.isArray(item.options_id)) {
							item.options_id.forEach((option, i) => {
								option.id = this.letter[i]; // 设置 id
							});
						}

						// 根据类型处理正确选项
						const value = item.value; // 提前提取避免重复
						if (item.type === '2') {
							// 类型2，字符串处理为数组
							const indexes = value.slice(1, -1).split(','); // 去除首尾括号并分割
							item.correct_option = indexes.map(index => this.letter[parseInt(index)]).join('');
						} else if (item.type === '1' || item.type === '3') {
							// 类型1和3，解析 JSON
							const parsedValue = JSON.parse(value);
							item.correct_option = this.letter[parsedValue];
						}
					});


					console.log("处理过后的list=>", this.list)


					if (this.list.length == 0) {
						this.$message.info('暂无题目');
						setTimeout(() => {
							// uni.navigateBack();
						}, 800);
						return;
					}
					if (this.type == 1) {
						this.fd1_0_c2 = (res.data.data.paper_time);
						this.cdow = true
					}
					let answerInfo = [];
					let topic_type_one = [];
					let topic_type_Two = [];
					let topic_type_Three = [];


					this.list.forEach((v, k) => {
						// 初始化基础字段
						Object.assign(v, {
							topic_id: v.aid,
							is_analysis: false,
							right_key: '',
							my_key: '',
							is_Submit: 0,
						});

						// 添加到 answerInfo
						answerInfo.push({
							id: v.topic_id,
							correct_option: '',
							is_correct: 1,
						});

						// 分类到不同的 topic_type 数组
						const topicTypeMap = {
							1: topic_type_one,
							2: topic_type_Two,
							default: topic_type_Three,
						};

						const targetArray = topicTypeMap[v.type] || topicTypeMap.default;
						targetArray.push({
							aid: v.topic_id,
							index: k + 1,
							isChange: 1,
							is_Submit: 0,
						});

						// 更新分类结果
						this.topic_type_one = topic_type_one;
						this.topic_type_Two = topic_type_Two;
						this.topic_type_Three = topic_type_Three;

						// 深拷贝并标记 options_id
						if (Array.isArray(v.options_id)) {
							v.options_id = v.options_id.map(item => ({
								...item,
								isChange: 1,
							}));
						}
					});

					this.item = this.list[this.currentIndex];
					console.log('this.item11111111111111111111111111111111', this.item)

					this.topic_type_one_number = this.topic_type_one.filter(u => u.is_Submit == 0).length;
					this.topic_type_Two_number = this.topic_type_Two.filter(u => u.is_Submit == 0).length;
					this.topic_type_Three_number = this.topic_type_Three.filter(u => u.is_Submit == 0).length;
					this.answerInfo = answerInfo;
					this.isShow = false;
				} else {
					this.$message.info(res.data.msg);
					setTimeout(() => {
						uni.navigateBack();
					}, 800)
				}
			},

			// 单选题
			selectOption(topic_type, option_index) {
				// topic_type 1单选  2多选  3判断
				if (this.type == 1 || this.type == 5 || this.type == 6) {
					// 考试模式
					if (topic_type == 1 || topic_type == 3) {
						console.log("单选题或判断题")
						this.item.options_id.forEach((v, k) => {
							v.isChange = 1;
						})
						this.item.options_id[option_index].isChange = 2;
						this.answerInfo[this.currentIndex].correct_option = this.item.options_id[option_index].id;
						console.log('topic_type', topic_type);
						if (topic_type == 1) {
							this.topic_type_one.forEach((v, k) => {
								if (v.aid == this.item.topic_id) {
									this.topic_type_one[k].is_Submit = 1;
									this.topic_type_one[k].isChange = 2;
								}
							})

						} else if (topic_type == 3) {
							console.log(this.topic_type_Three, 'this.topic_type_Three');
							this.topic_type_Three.forEach((v, k) => {
								if (v.aid == this.item.topic_id) {
									this.topic_type_Three[k].is_Submit = 1;
									this.topic_type_Three[k].isChange = 2;
								}
							})
						}
						this.$forceUpdate();
					} else {
						console.log("多选题")
						if (this.item.options_id[option_index].isChange == 1) {
							this.item.options_id[option_index].isChange = 2;
							// this.$forceUpdate();
						} else {
							this.item.options_id[option_index].isChange = 1;
						}
						let correct_option = '';
						this.answerInfo[this.currentIndex].correct_option = '';
						this.item.options_id.forEach((v, k) => {
							if (v.isChange == 2) {
								correct_option += v.id
							}
						})
						this.answerInfo[this.currentIndex].correct_option = correct_option;
						this.topic_type_Two.forEach((v, k) => {
							if (v.aid == this.item.topic_id) {
								this.topic_type_Two[k].is_Submit = 1;
								this.topic_type_Two[k].isChange = 2;
							}
						})

						this.$forceUpdate();
					}
					// console.log(this.answerInfo);
				} else {
					if (this.item.is_Submit == 1) {
						return;
					}
					if (topic_type == 1 || topic_type == 3) {
						console.log("单选题或判断题")
						this.item.options_id.forEach((v, k) => {
							v.isChange = 1;
						})
						if (this.item.options_id[option_index].id == this.item.correct_option) {
							this.item.options_id[option_index].isChange = 2;
							this.item.right_key = this.item.correct_option;
							this.item.my_key = this.item.options_id[option_index].id;
							this.answerInfo[this.currentIndex].is_correct = 2;
							if (topic_type == 1) {
								this.topic_type_one.forEach((v, k) => {
									if (v.aid == this.item.topic_id) {
										this.topic_type_one[k].is_Submit = 1;
										this.topic_type_one[k].isChange = 2;
									}
								})

							} else if (topic_type == 3) {
								this.topic_type_Three.forEach((v, k) => {
									if (v.aid == this.item.topic_id) {
										this.topic_type_Three[k].is_Submit = 1;
										this.topic_type_Three[k].isChange = 2;
									}
								})
							}
							// setTimeout(() => {
							// 	if (this.currentIndex < (this.list.length - 1))
							// 	this.currentIndex = this.currentIndex + 1;
							// }, 200)

							// this.displayList[this.currentIndex].item.is_analysis = true;
						} else {
							this.item.options_id.forEach((v, k) => {
								if (this.item.correct_option == v.id) {
									this.item.options_id[k].isChange = 2;
									this.item.options_id[option_index].isChange = 3;
									this.item.right_key = this.item.correct_option;
									this.item.my_key = this.item.options_id[option_index].id;
								}
							})
							if (topic_type == 1) {
								this.topic_type_one.forEach((v, k) => {
									if (v.aid == this.item.topic_id) {
										this.topic_type_one[k].is_Submit = 1;
										this.topic_type_one[k].isChange = 3;
									}
								})
							} else if (topic_type == 3) {
								this.topic_type_Three.forEach((v, k) => {
									if (v.aid == this.item.topic_id) {
										this.topic_type_Three[k].is_Submit = 1;
										this.topic_type_Three[k].isChange = 3;
									}
								})
							}
							this.answerInfo[this.currentIndex].is_correct = 3;
							this.item.is_analysis = true;
						}
						this.answerInfo[this.currentIndex].correct_option = this.item.options_id[option_index].id;
						this.correct_number = this.answerInfo.filter(u => u.is_correct == 2).length;
						this.error_number = this.answerInfo.filter(u => u.is_correct == 3).length;
						this.item.is_Submit = 1;
						this.$forceUpdate();
					} else {
						// 多选题
						console.log("多选题")
						if (this.item.options_id[option_index].isChange == 1) {
							this.item.options_id[option_index].isChange = 2;
						} else {
							this.item.options_id[option_index].isChange = 1;
						}
						this.option_index = option_index;
						this.$forceUpdate();
					}
				}
			},

			/* 预习提交答题*/
			beforeSum(answer, examquestions_id, teachinghomeworklogs_id) {
				console.log(answer, '^&*((*&^%^&*((*&^^&*())))');
				this.$api.post(global.apiUrls.post6694d09f2fba9, {
					teachinghomeworklogs_id: teachinghomeworklogs_id,
					answer: answer,
					examquestions_id: examquestions_id
				})
			},
			//提交完成
			async queryEssayFunc() {
				if (this.type == 5 || this.type == 6) {
					uni.redirectTo({
						url: "/pages/course/result/result?chapter_id=" + this.chapter_id
					})
					return
				}


				//请求方法
				//数据验证
				let datadataMessage = await this.$api.post(global.apiUrls.post6719f3588041c, {
					aid: this.getQuestionDataes
				});
				if (datadataMessage.data.code != 1) {
					this.$message.info(datadataMessage.data.msg);
					return
				}
				let infodataMessage = datadataMessage.data;
				this.dataMessage = infodataMessage.data
				if (this.type == 1 || this.type == 3) {
					uni.redirectTo({
						url: "/pages/exam/examinationRes/examinationRes?aid=" + this.getQuestionData
					})
				} else {
					uni.switchTab({
						url: "/pages/tabBar/mine/mine"
					})
				}
			},
			/* 完成*/
			// Suble() {
			// 	this.queryEssayFunc()
			// },
			// 单选或者判断题确认
			multipleChoice(examquestions_id, teachinghomeworklogs_id) {
				if (this.item.is_Submit == 1) {
					this.$message.info('已选择答案');
					return;
				}
				console.log("topic_type_Two=>", this.topic_type_Two)
				let option_id = '';
				let option_name = '';
				this.item.options_id.forEach((v, k) => {
					if (v.isChange == 2) {
						option_id += v.id;
						option_name += this.letter[k];
					}
				})
				console.log("this.item=>", this.item)
				if (!option_id) {
					this.$message.info('请选择答案');
					return;
				}
				//转义单选题和判断题
				// let answer = option_id.split('').map(char => this.letter.indexOf(char))
				let answer = option_id.split('').map(char => {
					let index = this.letter.indexOf(char)
					return index === -1 ? 'not_found' : index
				})
				let answerString = answer.join(',')
				console.log(answerString, 'answeransweranswer');
				this.beforeSum(answerString, examquestions_id, teachinghomeworklogs_id)
				//转义多选题
				// let answerArr = option_id.split('').map(char => this.letter.indexOf(char))
				// let answerJosn = JSON.stringify(answerArr)
				// console.log(answerJosn, 'answerJosnanswerJosnanswerJosn');
				// console.log(this.type, '()()()()()()(()()()()()((()))))');
				// this.beforeSum(answerString, examquestions_id, teachinghomeworklogs_id)
				if (option_id == this.item.correct_option) {
					console.log('111111111111112222223规划刚刚发生的事');
					this.item.right_key = option_name;
					this.item.my_key = option_name;
					this.answerInfo[this.currentIndex].is_correct = 2;
					// this.displayList[this.currentIndex].item.is_analysis = true;
					this.topic_type_Two.forEach((v, k) => {
						if (v.aid == this.item.topic_id) {
							this.topic_type_Two[k].is_Submit = 1;
							this.topic_type_Two[k].isChange = 2;
						}
					})
				} else {
					console.log('11111111111111222快点看到卡卡打开的端口');
					this.item.my_key = option_name;
					this.item.right_key = this.item.correct_option;
					this.topic_type_Two.forEach((v, k) => {
						if (v.aid == this.item.topic_id) {
							this.topic_type_Two[k].is_Submit = 1;
							this.topic_type_Two[k].isChange = 3;
						}
					})
					this.item.options_id.forEach((v, k) => {
						option_id.split('').forEach((v1, k1) => {
							if (v1 == v.id) {
								this.item.options_id[k].isChange = 3;
							}
						})
					})
					this.item.options_id.forEach((v, k) => {
						this.item.correct_option.split('').forEach((v1, k1) => {
							if (v1 == v.id) {
								this.item.options_id[k].isChange = 2;
							}
						})
					})
					this.answerInfo[this.currentIndex].is_correct = 3;
					this.item.is_analysis = true;
				}
				this.answerInfo[this.currentIndex].correct_option = option_id;
				console.log('this.answerInfo[this.currentIndex].correct_option', this.answerInfo[this.currentIndex]);
				this.correct_number = this.answerInfo.filter(u => u.is_correct == 2).length;
				this.error_number = this.answerInfo.filter(u => u.is_correct == 3).length;
				this.item.is_Submit = 1;
				// this.getNext()
				this.$forceUpdate();
			},
			// 多选题确认
			multipleChoiceses(examquestions_id, teachinghomeworklogs_id) {

				if (this.item.is_Submit == 1) {
					this.$message.info('已选择答案');
					return;
				}
				console.log("topic_type_Two=>", this.topic_type_Two)
				let option_id = '';
				let option_name = '';
				this.item.options_id.forEach((v, k) => {
					if (v.isChange == 2) {
						option_id += v.id;
						option_name += this.letter[k];
					}
				})
				console.log("this.item=>", this.item)
				if (!option_id) {
					this.$message.info('请选择答案');
					return;
				}
				//转义单选题和判断题
				// let answer = option_id.split('').map(char => this.letter.indexOf(char))
				// let answer = option_id.split('').map(char => {
				// 	let index = this.letter.indexOf(char)
				// 	return index === -1 ? 'not_found' : index
				// })
				// let answerString = answer.join(',')
				// console.log(answerString, 'answeransweranswer');
				//转义多选题
				let answerArr = option_id.split('').map(char => this.letter.indexOf(char))
				let answerJosn = JSON.stringify(answerArr)
				// let answerArr = option_id.split('').map(char => this.letter.indexOf(char))
				// let optionId = ''
				// let answerArr = optionId.split('').map(char => letters.indexOf(char));
				console.log(answerArr, '^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^');
				this.beforeSum(answerJosn, examquestions_id, teachinghomeworklogs_id)
				if (option_id == this.item.correct_option) {
					this.item.right_key = option_name;
					this.item.my_key = option_name;
					this.answerInfo[this.currentIndex].is_correct = 2;
					// this.displayList[this.currentIndex].item.is_analysis = true;
					this.topic_type_Two.forEach((v, k) => {
						if (v.aid == this.item.topic_id) {
							this.topic_type_Two[k].is_Submit = 1;
							this.topic_type_Two[k].isChange = 2;
						}
					})
				} else {
					this.item.my_key = option_name;
					this.item.right_key = this.item.correct_option;
					this.topic_type_Two.forEach((v, k) => {
						if (v.aid == this.item.topic_id) {
							this.topic_type_Two[k].is_Submit = 1;
							this.topic_type_Two[k].isChange = 3;
						}
					})
					this.item.options_id.forEach((v, k) => {
						option_id.split('').forEach((v1, k1) => {
							if (v1 == v.id) {
								this.item.options_id[k].isChange = 3;
							}
						})
					})
					this.item.options_id.forEach((v, k) => {
						this.item.correct_option.split('').forEach((v1, k1) => {
							if (v1 == v.id) {
								this.item.options_id[k].isChange = 2;
							}
						})
					})
					this.answerInfo[this.currentIndex].is_correct = 3;
					this.item.is_analysis = true;
				}
				this.answerInfo[this.currentIndex].correct_option = option_id;
				console.log('this.answerInfo[this.currentIndex].correct_option', this.answerInfo[this.currentIndex]);
				this.correct_number = this.answerInfo.filter(u => u.is_correct == 2).length;
				this.error_number = this.answerInfo.filter(u => u.is_correct == 3).length;
				this.item.is_Submit = 1;
				// this.getNext()
				this.$forceUpdate();
			},

			getIndex(aid) {
				let index = '';
				for (let i = 0; i < this.list.length; i++) {
					if (aid == this.list[i].topic_id) {
						index = i;
						break;
					}
				}
				this.currentIndex = index;
				this.item = this.list[this.currentIndex];
				this.popupShow1687247172293 = false;
				this.$forceUpdate();
			},
			// 上一题
			getUp() {
				this.currentIndex--;
				this.item = this.list[this.currentIndex];
				this.$forceUpdate();
				this.optionType = this.item.type
				console.log('this.optionTypethis.optionTypethis.optionType', this.optionType);
			},
			// 下一题
			getNext() {
				this.currentIndex++;
				this.item = this.list[this.currentIndex];
				this.$forceUpdate();
				this.optionType = this.item.type
			},

			// 提交做题记录  post648a777e2409c
			submitTopic() {
				if (this.type == 1) {
					return;
				}

				console.log('.......................', this.answerInfo);
				let is_index = '';
				if (this.answerInfo.length > 0) {
					for (let i = 0; i < this.answerInfo.length; i++) {
						if (this.answerInfo[i].user_choice) {
							is_index = i;
						}
						delete this.answerInfo[i].is_correct;
					}
				}

				if (is_index || is_index == 0) {
					// this.type = type //1是预习  3课后作业  5章节练习题库   6章节错题练习题库
					if (this.type == 5 || this.type == 6) {
						//把选项的ABCD改为0123
						const optionMap = {
							A: 0,
							B: 1,
							C: 2,
							D: 3
						}

						const arr = this.answerInfo.map(item => ({
							id: item.id,
							correct_option: item.correct_option
								.split('')
								.map(opt => optionMap[opt])
								.filter(opt => opt !== undefined)
								.join('')
						}))

						console.log('vvvvvxccxxxxxxczasssssssssss', arr);
						this.$api.post(global.apiUrls.post680ef6819ae87b2cbf, {
							answer_info: JSON.stringify(arr),
							chapter_id: this.chapter_id
						}).then(res => {
							console.log(res);
						})
					} else {
						this.$api.post(global.apiUrls.post648a777e2409c, {
							answer_info: JSON.stringify(this.answerInfo)
						}).then(res => {
							if (res.data.code == 1) {
								uni.navigateBack()
							} else {
								return;
							}
						})
					}

				}
			},
			// 交卷
			submitExam() {
				let is_index = false;
				if (this.answerInfo.length > 0) {
					for (let i = 0; i < this.answerInfo.length; i++) {
						if (!this.answerInfo[i].correct_option) {
							is_index = true;
							break;
						}

					}
				}
				if (is_index) {
					this.str = '您还未答完题目，是否确认交卷？';
					this.popupShow1686967413689 = true;
				} else {
					if (this.fd1_0_c2 > 0) {
						this.str = '确认提前交卷吗？';
					} else {
						this.str = '确认交卷吗？';
					}

					this.popupShow1686967413689 = true;
				}
				this.popupStatus = 1;
			},
			confrimBtn() {
				if (this.popupStatus == 1) {
					this.popupShow1686967413689 = false;



					this.$api.post(global.apiUrls.post648c3d29cdd50, {
						answer_info: JSON.stringify(this.answerInfo),
						examtask_id: this.aid
					}).then(res => {
						// this.$message.info(res.data.msg);
						if (res.data.code == 1) {
							console.log("type4444444")
							// setTimeout(() => {
							uni.redirectTo({
								url: '/pages/examination/result/result?examlog_id=' + res.data.data
									.examlog_id + '&type=1'
							})
							// }, 800)
						}
					})
				} else if (this.popupStatus == 2) {
					uni.navigateBack();
				}
			},

			// 退出提示
			logout() {
				let is_index = false;
				if (this.answerInfo == undefined && this.type == 2) {
					// uni.redirectTo({
					//   url:`/pages/examination/datum/datum?course_id=${this.aid}&name=${this.name}&type=${this.type}`
					// })
					console.log("type22222222")
					uni.navigateBack(1)
				}
				if (this.answerInfo == undefined && this.type == 1) {
					console.log("type111111")
					uni.reLaunch({
						url: "/pages/tabBar/study/study"
					})
				}
				if (this.answerInfo.length > 0) {
					for (let i = 0; i < this.answerInfo.length; i++) {
						if (!this.answerInfo[i].correct_option) {
							is_index = true;
							break;
						}
					}
				}
				if (is_index) {
					this.str = '您还未答完题目，是否确认退出？';
					this.popupShow1686967413689 = true;
				} else {
					this.str = '确认退出吗？';
					this.popupShow1686967413689 = true;
				}
				this.popupStatus = 2;
			},
			isBack() {
				if (this.type == 1) {
					this.logout();
				}
				if (this.type == 3) {
					console.log("type33333333")
					uni.redirectTo({
						url: '/pages/examination/result/result?examlog_id=' + this.examlog_id + '&type=1'
					})
				} else {
					uni.navigateBack();
				}
			},
			async timeEnd() {
				let res = await this.$api.post(global.apiUrls.post648c3d29cdd50, {
					answer_info: JSON.stringify(this.answerInfo),
					examtask_id: this.aid
				})
				console.log("res=>", res)
				if (res.data.code == 1) {
					this.popupShow1686967413688 = true;
					this.examlog_id = res.data.data.examlog_id
				} else {
					// this.$message.info(res.data.msg);
				}
			},
			confrimBtnX() {
				uni.redirectTo({
					url: '/pages/examination/result/result?examlog_id=' + this.examlog_id + '&type=1'
				})
			},
			//提前交卷提醒
			tiqianjiaojuanFunc() {
				this.str = '确认提前交卷吗？';
			},
			//时间到自动提醒
			shijiandaoFunc() {
				this.str = '测试时间到了，已自动交卷';
			},
			//正常交卷
			zhengchangjiaojuanFunc() {
				this.str = '确认交卷吗？';
			}
		}
	};
</script>
<style lang="scss" scoped>
	.multiple_btn {
		width: 466rpx;
		height: 88rpx;
		background: #2A8BEE;
		border-radius: 64rpx;
		line-height: 88rpx;
		text-align: center;
		margin: 40rpx auto 0;
		font-size: 32rpx;
		color: #fff;
	}

	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background-size: 100% auto !important;
	}

	.imagest {
		position: relative;

		.imagests {
			width: 36rpx !important;
			height: 36rpx !important;
			position: absolute;
			right: 18rpx;
			top: calc(30% - 18)rpx;
		}
	}

	.doTheQuestion_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
	}

	.doTheQuestion_fd0_0_c2_c0 {
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 88rpx;
	}

	.doTheQuestion_fd0_0_c2 {
		height: 88rpx;
	}

	.doTheQuestion_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: var(--benbenFontColor3);
	}

	.doTheQuestion_fd0_0_c0 {
		width: 50rpx;
		height: 50rpx;
	}

	.doTheQuestion_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.doTheQuestion_flex_1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.doTheQuestion_fd1_1_c4_c0_c2 {
		// line-height: 42rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		padding: 16rpx 16rpx 0 16rpx;
		margin-top: 16rpx;


		.doTheQuestion_fd1_1_c4_c0_c2_1 {
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
		}

		.doTheQuestion_fd1_1_c4_c0_c2_2 {
			font-weight: 500;
			font-size: 28rpx;
			color: #666;
			line-height: 40rpx;
			margin-top: 16rpx;
		}

		.doTheQuestion_fd1_1_c4_c0_c2_3 {
			margin-top: 16rpx;
		}
	}


	.doTheQuestion_fd1_1_c4_c0_c1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 34rpx;
	}

	.doTheQuestion_fd1_1_c4_c0_c1 {
		margin: 0;
		background-color: #F8F8FA;
		height: 88rpx;
		line-height: 88rpx;
		padding: 24rpx;
		box-sizing: border-box;
		border-radius: 16rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500 !important;
	}

	.doTheQuestion_fd1_1_c4_c0_c0 {
		border-radius: 0rpx 64rpx 64rpx 0rpx;
		height: 60rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.doTheQuestion_fd1_1_c3_c0_c1_c2_c1 {
		color: #E25351;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 34rpx;
		margin: 10rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd1_1_c3_c0_c1_c1 {
		background: rgba(238, 238, 238, 1);
		width: 1rpx;
		height: 96rpx;
		margin: 0rpx 48rpx 0rpx 48rpx;
		transform: scaleX(0.5);
	}

	.doTheQuestion_fd1_1_c3_c0_c1_c0_c1 {
		color: #65BD7C;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 34rpx;
		margin: 10rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd1_1_c3_c0_c1_c0_c0 {
		color: #6E7075;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 34rpx;
		margin-top: 8rpx;
	}

	.doTheQuestion_fd1_1_c3_c0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 43rpx;
		height: 43rpx;
		display: flex;
		width: 100%;
		justify-content: center;
		margin-bottom: 39rpx;
		align-items: center;



		.doTheQuestion_fd1_1_c3_c0_c0_c0_img {
			margin: 0 16rpx 0;
			height: 32rpx;
			width: 32rpx;
		}
	}

	.doTheQuestion_fd1_1_c3_c0_c0 {
		background: rgba(226, 83, 81, 1);
		border-radius: 0rpx 64rpx 64rpx 0rpx;
		width: 122rpx;
		height: 40rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.doTheQuestion_fd1_1_c3_c0 {
		// background: rgba(249, 249, 249, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd1_1_c3 {
		padding: 32rpx 24rpx 32rpx 24rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
		border-radius: 24rpx;
	}

	.doTheQuestion_fd1_1_c2_c1_c0 {
		margin: 0rpx 0rpx 0rpx 30rpx;
		color: #6E7075;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_1_c2_c1 {
		background: #F9F9F9;
		height: 100rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
		border-radius: 66rpx;
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd1_1_c2_c2 {
		background: rgba(253, 118, 46, 0.1);
		min-height: 100rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
		border-radius: 66rpx;
		border: 1rpx solid rgba(253, 118, 46, 1);
		color: #333 !important;
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd1_1_c2_c0_c0 {
		margin: 0rpx 0rpx 0rpx 30rpx;
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_1_c2_c0_c0_other {}

	.doTheQuestion_fd1_1_c2_c0 {
		background: rgba(29, 108, 235, 0.1);
		min-height: 100rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
		border-radius: 66rpx;
		border: 1rpx solid rgba(29, 108, 235, 1);
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd1_1_c2_c0_c0_value {
		margin: 0rpx 50rpx 0rpx 20rpx;
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	::v-deep .doTheQuestion_fd1_1_c2 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.doTheQuestion_fd1_1_c1_c0 {
		width: 72rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin-right: 16rpx;
	}

	.doTheQuestion_fd1_1_c1 {
		padding: 0rpx 34rpx 0rpx 32rpx;
		margin-bottom: 32rpx;

		.quest-type {
			background: rgba(20, 94, 253, 0.1);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			padding: 2rpx 8rpx;
			font-size: 24rpx;
			color: #145EFD;
			margin-right: 16rpx;
			display: inline-block;
		}
	}

	.doTheQuestion_fd1_1_c0_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.doTheQuestion_fd1_1_c0_c0 {
		background: rgba(61, 155, 255, 0.39);
		width: 6rpx;
		height: 32rpx;
	}

	.doTheQuestion_fd1_1_c0 {
		padding: 32rpx 32rpx 32rpx 32rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 500;
		font-size: 28rpx;
	}

	.doTheQuestion_fd1_1 {
		background: rgba(255, 255, 255, 1);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		box-shadow: 0rpx 8rpx 16rpx rgba(0, 0, 0, 0.1);
		padding: 0rpx 0rpx 42rpx 0rpx;
	}

	.doTheQuestion_fd1_0_c2_c2 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_0_c2 {
		background: transparent;
	}

	.doTheQuestion_fd1_0_c1 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
		margin: 0rpx 10rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd1_0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	// .doTheQuestion_fd1_0 {
	//   background: url(/static/images/42.png) no-repeat, transparent;
	//   margin: 0rpx auto 40rpx auto;
	//   width: 600rpx;
	//   height: 64rpx;
	//   background-size: 100% auto !important;
	// }

	.doTheQuestion_flex_2 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.doTheQuestion_fd2_2_c1 {
		// border-top: 1px solid #eee;
		// border-left: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: #2a8bee;
		width: 500rpx;
		// background-color: red;
	}

	.doTheQuestion_fd2_2_c0 {
		// border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.doTheQuestion_fd2_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd2_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.doTheQuestion_fd2_0 {
		font-size: 36rpx;
		font-weight: 800;
		line-height: 44rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.doTheQuestion_flex_3 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		padding: 12rpx 0rpx 32rpx 0rpx;
	}

	.doTheQuestion_fd3_2 {
		padding: 0rpx 32rpx 0rpx 032rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd3_1_c1_c2_c0 {
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.doTheQuestion_fd3_1_c1_c2 {
		border: 1px solid #EEEEEE;
		margin: 20rpx 0rpx 0rpx 0rpx;
		width: 72rpx;
		height: 72rpx;
		border-radius: 36rpx;
		margin: 0 20rpx 16rpx 0;
	}

	.doTheQuestion_fd3_1_c1_c1_c0 {
		color: #2a8bee;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.doTheQuestion_fd3_1_c1_c1 {
		border: 1px solid rgba(231, 84, 83, 0.3216);
		background: rgba(226, 83, 81, 0.03);
		margin: 20rpx 0rpx 0rpx 0rpx;
		width: 72rpx;
		height: 72rpx;
		border-radius: 36rpx;
		margin: 0 20rpx 16rpx 0;
	}

	.doTheQuestion_fd3_1_c1_c0_c0 {
		color: #2A8BEE;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.doTheQuestion_fd3_1_c1_c0 {
		border: 1px solid rgba(29, 137, 235, 0.302);
		background: rgba(42, 139, 238, 0.03);
		margin: 20rpx 0rpx 0rpx 0rpx;
		width: 72rpx;
		height: 72rpx;
		border-radius: 36rpx;
		float: left;
		margin: 0 20rpx 16rpx 0;
	}

	.doTheQuestion_fd3_1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.doTheQuestion_fd3_1 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.doTheQuestion_fd3_0_c2_c3 {
		color: #ACB3B9;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 43rpx;
	}

	.doTheQuestion_fd3_0_c2_c2 {
		color: #ACB3B9;
		font-size: 40rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd3_0_c2_c1 {
		color: rgba(102, 102, 102, 1);
		font-size: 40rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd3_0_c2_c0 {
		width: 30rpx;
		height: 30rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 10rpx 12rpx 0rpx;
	}

	.doTheQuestion_fd3_0_c2 {
		margin: 0rpx 0rpx 0rpx auto;
	}

	.doTheQuestion_fd3_0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.doTheQuestion_fd3_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.doTheQuestion_fd3_0_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd3_0 {
		border-bottom: 1px solid #eee;
		margin: 0rpx 0rpx 32rpx 0rpx;
		padding: 32rpx 24rpx 32rpx 024rpx;
	}

	.doTheQuestion_flex_5 {
		background: var(--benbenbgColor1);
		width: 750rpx;
		height: 104rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd5_0_c3_c3 {
		color: #ACB3B9;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 43rpx;
	}

	.doTheQuestion_fd5_0_c3_c2 {
		color: #ACB3B9;
		font-size: 40rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd5_0_c3_c1 {
		color: rgba(102, 102, 102, 1);
		font-size: 40rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd5_0_c3_c0 {
		width: 30rpx;
		height: 30rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 10rpx 12rpx 0rpx;
	}

	.doTheQuestion_fd5_0_c2_x {
		font-size: 24rpx;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 32rpx;
		text-align: center;
		line-height: 66rpx;
		color: #131D34;
		background: #F9F9F9;
		border-radius: 64rpx 64rpx 64rpx 64rpx;
		border: 1rpx solid #EEEEEE;
	}

	.doTheQuestion_fd5_0_c2_x_a {
		border-radius: 64rpx 64rpx 64rpx 64rpx;
		font-size: 24rpx;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
		text-align: center;
		line-height: 66rpx;
	}

	.doTheQuestion_fd5_0_c2 {
		font-size: 24rpx;
		color: #145EFD;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 30rpx;
		text-align: center;
		line-height: 66rpx;

		background: #E7EEFF;
		border-radius: 64rpx 64rpx 64rpx 64rpx;
	}

	.doTheQuestion_fd5_0_c2_1 {
		font-size: 24rpx;
		color: #FFFFFF;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 30rpx;
		text-align: center;
		line-height: 66rpx;

		background: #145EFD;
		border-radius: 64rpx 64rpx 64rpx 64rpx;
	}

	.doTheQuestion_fd5_0_c2_a {
		border-radius: 64rpx 64rpx 64rpx 64rpx;
		font-size: 24rpx;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 30rpx;
		text-align: center;
		line-height: 66rpx;
	}

	.doTheQuestion_fd5_0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.doTheQuestion_fd5_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
		font-size: 28rpx;
	}

	.doTheQuestion_fd5_0_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd5_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		height: 108rpx;
	}

	.doTheQuestion_flex_6 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd6_1_c2_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd6_1_c1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd6_1_c1 {
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.doTheQuestion_fd6_1_c0_c0 {
		color: #1BAF43;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd6_1 {
		padding: 40rpx 32rpx 42rpx 32rpx;
	}

	.doTheQuestion_fd6_0_c2 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd6_0_c1 {
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		line-height: 45rpx;
	}

	.doTheQuestion_fd6_0_c0 {
		width: 28rpx;
		height: 0rpx;
	}

	.doTheQuestion_fd6_0 {
		padding: 40rpx 40rpx 0rpx 40rpx;
	}
</style>